import {StyleSheet} from 'react-native';

const height = 40;
const styles = StyleSheet.create({
    body: {flex: 1, backgroundColor: '#FFFFFF'},
    headerTitle: {marginVertical: 40, fontSize: 24, fontWeight: 'bold', position: 'relative'},
    formList: {width: '100%', marginTop: 10, borderBottomColor: '#EEEEEE', borderBottomWidth: 1},
    itemRequired: {fontSize: 18, paddingHorizontal: 5, color: 'red', height: height, lineHeight: height},
    itemTitle: {fontSize: 18, height: height, lineHeight: height},
    itemInput: {fontSize: 15, width: '100%', height: height, color: 'black'},
    itemTextArea: {height: 100, textAlignVertical: 'top', maxWidth: '100%'},
    cityModal: {paddingVertical: 20, paddingHorizontal: 20},
    moreIcon: {position: 'absolute', right: 5, width: 10, height: 10},
    modalBtn: {width: '50%', borderRadius: 0},
    cancelBtn: {backgroundColor: '#F2BC38', borderColor: '#F2BC38'},
    codeButton: {justifyContent: 'center', alignItems: 'center', position: 'absolute', zIndex: 1, right: 0, height: '100%', width: 90},
    codeText: {fontSize: 15},
});

export default styles;
